<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>登录</title>
  <link rel='stylesheet' type="text/css" th:href="@{/css/bootstrap.min.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/css/header.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/css/login.css}">

</head>
<body>
<!-- partial:index.partial.html -->
<!-- 使用 th:replace 指令引入通用模板 -->
<div th:replace="header :: header"></div>
<div class="login-box">
  <div class="form">

    <form class="login-form">
      <h2>登录</h2>
      <div class="user-box">
        <input type="text" id="login-email" name="email" required="">
        <div class="error-message" id="error-message-email"></div>
        <label>邮箱</label>
      </div>
      <div class="user-box">
        <input type="password" id="login-password" name="login-password" required="">
        <div class="error-message" id="error-message-password"></div>
        <label>密码</label>
      </div>
      <a href="#" onclick="login()" class="subbtn">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        登录
      </a>
      <p class="message">没有账号? <a class="specific-link" href="#">注册账号</a></p>
      <p class="message-f">忘记<a class="specific-link" href="#"> 密码?</a></p>
    </form>
    <form class="register-form">
      <h2>注册</h2>
      <div class="user-box">
        <input type="text" id="email" name="email" required="">
        <div class="error-message" id="email-error"></div>
        <label>邮箱</label>
      </div>
      <div class="user-box">
        <input type="text" id="verification-code" name="" required="">
        <div class="error-message" id="verification-code-error"></div>
        <label>验证码</label>
        <a id="sendEmail" href="#" class="email subbtn" onclick="sendVerificationCode(this)">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          Send
        </a>
      </div>
      <div class="user-box">
        <input type="password" id="password" name="password" required="">
        <div class="error-message" id="password-error"></div>
        <label>密码</label>
      </div>
      <div class="user-box">
        <input type="password" id="confirm-password" name="confirm-password" required="">
        <div class="error-message" id="confirm-password-error"></div>
        <label>确认密码</label>
      </div>
      <a href="#" onclick="register()" class="subbtn">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        注册
      </a>
      <p class="message">已经注册? <a class="specific-link" href="#">登录</a></p>
    </form>

  </div>
</div>

<!-- partial -->
<script th:src="@{/js/jquery-3.6.0.min.js}"></script>
<!--头部js-->
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/header.js}"></script>
<script th:src="@{/js/login.js}"></script>

</body>
</html>